<template>
  <IFexHeaderMain v-if="rlsbUrl">
    <template #header> </template>
    <view class="home_main whov">
      <video :src="rlsbUrl" @ended="emitEnd" style="width: 100%; height: 100%" object-fit="cover" :autoplay="true" :loop="false" :muted="true" :controls="false"></video>
      <view class="video_bottom"> </view>
    </view>
  </IFexHeaderMain>
</template>

<script setup lang="ts" name="index">
  import IFexHeaderMain from '@/components/container/IFexHeaderMain.vue'
  import useUserInfoStore from '@/store/userInfo'
  import { computed } from 'vue'
  const rlsbUrl = computed(() => {
    const userInfoStore = useUserInfoStore()
    return userInfoStore.getDetailData.rlsbUrl
  })
  const emitEnd = () => {
    emit('successFun')
  }
  const emit = defineEmits(['successFun'])
</script>

<style scoped lang="scss">
  .home_main {
    background: #ffffff;
    position: relative;
  }

  uni-image {
    height: auto;
  }
  .video_bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 999999;
    height: 100rpx;
  }
  :deep(.uni-video-container) {
    background: #ffffff;
    padding-top: 240rpx;
  }
  :deep(uni-video) {
    position: absolute;
  }
</style>
